<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .a{
            /*width: 200px;*/
            /*height: 200px;*/
            list-style-type: decimal;
            list-style-position: outside;


        }
        .a li{
            /*background:url("../cpl.jpeg");*/
            /*display:block;*/
            font-weight: bold;
            /*width: 200px;*/
            /*height: 200px;*/
            /*border:red 1px solid;*/
            background-repeat: no-repeat;

            /*padding-left: 20px;*/

        }
        .tb{
            width: 300px;
            height: 70px;
            font-family: 幼圆;
            font-weight: bold;
           border-collapse:collapse;       /*合并相邻边框*/
        }
        .tb tr td{
            padding-left: 10px;
            border-color:green;
            border-width: 1px;
            border-style: solid;

        }
        .link ul{
            list-style-type: none;
        }
        .link a{
            display: block;
            width: 150px;
            height: 30px;
            border-bottom:black 1px solid;
            text-decoration: none;

        }
        a:link{
            padding: 5px;
            color: white;
            background-color: #bf0000;

        }
        a:hover{
            color: white;
            background-color: #d32a0e;

        }
        a:visited{
            color: #00bf00;
            background-color: #4e4e4e;
        }
        a:active{
            background-color: blue;
            color: yellow;

        }






    </style>


</head>
<body>
    <ol class="a">
        <li > hello</li>
        <li> hello</li>
        <li> hello</li>
        <li> hello</li>

    </ol>

    <div class="link">
    <ul >
        <li><a href="../file.php">我是1</a></li>
        <li><a href="../gc1.php">我是2</a></li>
        <li><a href="../gc2.php">我是3</a></li>
        <li><a href="../dir.php">我是4</a></li>


    </ul>
    </div>

    <table class="tb">
        <caption>我的表格</caption>
        <tr>
            <td>星期1</td>
            <td>星期2</td>
            <td>星期3</td>

        </tr>    <tr>
            <td>星期1</td>
            <td>星期2</td>
            <td>星期3</td>

        </tr>

    </table>

</body>
</html>